<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Date Picker Example</title> 

<link rel="stylesheet" type="text/css" href="datepicker.css" /> 
<script type="text/javascript" src="datepicker.js"></script> 

</head> 
<body> 

  <h1>Date Picker Example</h1> 
  
  <p>Start Date/Time:<br /> 
    <input id="start_dt" class='datepicker' size='11' /> 
  </p> 
  
  <p>End Date/Time:<br /> 
    <input id="end_dt" class='datepicker' size='11' /> 
  </p> 
 
  <h2>How to use this date picker in your app:</h2>
  
  <p>Put the following 2 lines in your page's &lt;head&gt; section:</p>
  <pre>&lt;link rel="stylesheet" type="text/css" href="datepicker.css" /&gt; 
&lt;script type="text/javascript" src="datepicker.js"&gt;&lt;/script&gt;</pre>
  
  <p>On any &lt;input&gt; that you want to have a date picker for, set/add the 'datepicker' class:</p>
  <pre>&lt;input id='start_dt' class='datepicker'&gt;
&lt;input id='another_dt' class='myclass datepicker'&gt;</pre>

  <p>I hope you enjoy this date picker as much as I enjoyed getting it to work cross-browsers :)</p>
  
</body> 
</html> 